<!-- UserBlogPost.vue -->
<script>
import Person from '../deepcompoments/Person.ts'
export default {
    props: { author: Person },
    onMounted() {
        console.log('onMounted', this.author)
    },
    created() {
        console.log('created', this.author)
    },
}
</script>

<!-- UserBlogPost.vue, 省略了 <script> -->
<template>
    <div class="UserBlogPost">
        <h4>firstName:{{ author.firstName }}</h4>
        <h4>lastName:{{ author.lastName }}</h4>
    </div>
</template>